.collectionList{
  height:100%;
  position: relative;
  background-color:#fff;
  :global{

      .am-list-item.am-list-item-active {
          background-color: transparent;
      }

      .am-checkbox-inner:after {
          width: .16rem;
          height: .3rem;
          border-style: solid;
          border-width: 0 .02rem .02rem 0;
      }
    .am-popover-arrow{
      width: .14rem;
      height: .14rem;
    }
    .am-popover-inner{
      font-size: .3rem;
      border-radius: .06rem;
    }
    .am-popover .am-popover-item{
      padding: 0 .16rem;
    }
    .am-popover .am-popover-item-container{
      height: .7rem;
      padding: 0 .16rem;
    }
      .am-checkbox {
          width: .44rem;
          height: .44rem;
      }

      .am-checkbox-inner {
          width: .44rem;
          height: .44rem;
      }

    .name{
      color: #333333;
      font-size: .3rem;
      width: 100%;
      margin:0 0 1rem 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .Name{
        display: inline-block;
        height: 100%;
      color: #333333;
      font-size: .3rem;
      margin:0 0 0 0.3rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .am-list-item {min-height:0;line-height: 40px;}
    .nav_title {
      // padding: .21rem;
      font-size: .36rem;
      height: .8rem;
      line-height: .8rem;
    }
    .modal {
      position: absolute;
      top:0;
      width: 100%;
      height:100%;
      z-index: 999;
      background-color: #666;
      opacity: .7;
    }
    .modal p{
      color: #fff;
      text-align: center;
    }
    .fenlei{
      width: 100%;
      background-color: #fff;
      border-bottom: 1px solid rgb(153, 153, 153);
    }
  }
}
